mainColor = #8f929c
titleColor = #dcdee1
borderColor = #5c5e62
linkColor = #3eaf7c
navColor = #17191a

.theme
.theme-container
    color mainColor
    .navbar
        background navColor
        .site-name
            color titleColor

    // Vite 官方文档
    .nav-bar
        background-color navColor
        .nav-bar-title
            color titleColor

    .sidebar-link-item
        color mainColor

    a
        &.sidebar-link
        &.sidebar-link-item
            color mainColor

            &.active
                color linkColor
    .custom-block.warning a
        color linkColor
    .sidebar
    .page
        background #27292d
        min-height calc(100vh - 2rem)
    .navbar .links
        background transparent
    for i in 1 ... 7
        h{i}
            color titleColor
    strong
    b
        color titleColor
    header
    h2
        border-color borderColor


    .container
        max-width none

        a
            color linkColor

    .theme-default-content
    .content
        code
            color #80b5e8
            padding 0

        // 宽屏
        &:not(.custom)
            max-width none

        pre
        pre[class*=language-]
            padding-top .4rem
            padding-bottom .25rem
            code
                color #ccc
    .page-edit
    .page-nav
        max-width none

    // 边框
    tr
    td
    th
    .theme-default-content:not(.custom) p.demo
    .sidebar
    .page-nav .inner
        border-width .5px
        border-color borderColor

    div[class*=language-]
        background transparent
        border .5px solid borderColor

    // 强调
    tr:nth-child(2n)
        background rgba(0, 0, 0, .05)
    div[class*=language-] .highlight-lines .highlighted
        background-color rgba(0, 0, 0, .2)

    // tips
    .custom-block
        &.tip
        &.details
            background rgba(255, 255, 255, .05)
            .custom-block-title
                color titleColor

        &.warning
            background-color rgba(255, 229, 100, .1)
            border-color #8a7300
            color #887414
        &.danger
            background-color rgba(249, 188, 188, .1)
            color #b12d2d
            border-color #982929
            .custom-block-title
                color #bf2c2c

    // 重置滚动条
    ::-webkit-scrollbar
        width 10px
    ::-webkit-scrollbar-thumb
        background rgba(0, 0, 0, .3)
        border-radius 3px

